<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>

<!-- 引入基础的css和js -->
<link rel="import" href="../material/import.html" id="import"/>
<script>
var permissionType={
	add:"tbuser:save",update:"tbuser:update",delete:"tbuser:delete",
	submit:"tbuser:submit",auditpass:"tbuser:auditpass",auditnopass:"tbuser:auditnopass"	
};
</script>
</head>
<body>
<div id="app" v-cloak>

    <!-- 列表显示区间 start -->
	<div v-show="showList">	     	    
	    <!-- 查询块 start -->
	     <search-component>	                    
                 <search-select :field="tbUserField.name" :list="baseData.STATUS" v-model="search.name"></search-select>
                 <search-select :field="tbUserField.userNo" :list="baseData.STATUS" v-model="search.userNo"></search-select>
                 <search-select :field="tbUserField.userType" :list="baseData.STATUS" v-model="search.userType"></search-select>
                 <search-select :field="tbUserField.status" :list="baseData.STATUS" v-model="search.status"></search-select>
				 <search-submit :field="pageData.query" @searchsubmit="query"></search-submit>
		 </search-component>	          
	    <!-- 查询块 end -->

		<!-- 列表table显示 start -->
        <div class="col-sm-12 search-collapse">
			<permission @add="add" @update="update" @del="del" @submit="audit(1)" @auditpass="audit(2)" @auditnopass="audit(3)"></permission>
			<table id="table"></table>
        </div>
		<!-- 列表table显示end -->

	</div>
    <!-- 列表显示区间 end -->
	
	<!-- 编辑内容显示区间 start -->
    <div v-show="!showList">
	    <defaultform  :title="title" @reload="reload" @submit="saveOrUpdate">
                <rojao-input :field="tbUserField.name" name="name" v-model="tbUser.name" :placeholder="tbUserField.name" ></rojao-input>
                <div class="hr-line-dashed"></div>
                <rojao-input :field="tbUserField.userNo" name="userNo" v-model="tbUser.userNo" :placeholder="tbUserField.userNo" ></rojao-input>
                <div class="hr-line-dashed"></div>
                <rojao-select :field="tbUserField.userType" v-model="tbUser.userType" :list="baseData.STATUS"></rojao-select>
               <div class="hr-line-dashed"></div>
	    </defaultform>
	</div>
	<!-- 编辑内容显示区间 end -->	    
</div>

<script src="../tb/js/tbuser.js"></script>
</body>
</html>